<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>计算器</title>
</head>

<body>

  <input class="num1" type="text" value="1">
  <select name="" id="select">
    <option value="*">*</option>
    <option value="/">/</option>
    <option value="+">+</option>
    <option value="-">-</option>
  </select>
  <input class="num2" type="text" value="1">
  <button>=</button>
  <input class="sum" type="text" value="1" disabled>
  <script>
    // 扩展案例（简单的计算器）
    let num1 = document.querySelector(".num1")
    let num2 = document.querySelector(".num2")
    let sum = document.querySelector(".sum")
    let btn = document.querySelector("button");
    var select = document.querySelector("#select");

    btn.onclick = function () {
      if (select.value === "*") {
        sum.value = parseInt(num1.value * num2.value);
      } else if (select.value === "/") {
        sum.value = parseFloat(num1.value / num2.value);
      } else if (select.value === "+") {
        sum.value = parseInt(parseInt(num1.value) + parseInt(num2.value));
      } else if (select.value === "-") {
        sum.value = parseInt(num1.value - num2.value);
      }
    }

















    // <!-- 为抵抗洪水，战士连续作战89小时，编程计算共多少天零多少小时？ -->
    let totla = 89;
    let remainder; //余数
    let day;
    let hours;
    remainder = (totla) % 24;
    day = (totla - remainder) / 24;
    // console.log("天数为：" + day, "小时为：" + remainder);

    // 小明要到美国旅游，可是那里的温度是以华氏度为单位记录的。
    // - 它需要一个程序将华氏温度（80度）转换为摄氏度，并以华氏度和摄氏度为单位分别显示该温度。
    // - 提示：摄氏度与华氏度的转换公式为：摄氏度 = 5/9.0*(华氏度-32)保留3位小数   num.toFixed(3)
    // let Fahrenheit （华） Celsius(摄氏度)
    let Fahrenheit = 80;
    let Celsius;
    Celsius = 5 / 9 * (Fahrenheit - 32);
    Celsius = Celsius.toFixed(3);
    // console.log(Celsius + "度");
  </script>
</body>

</html>